<template>
    <z-block url="/do/get/contract" :params="params">
        <template #default="contract">
            <el-descriptions column="2">
                <el-descriptions-item label="合同名称">{{ contract.title }}</el-descriptions-item>
                <el-descriptions-item label="合同编号">
                    {{ contract.code }}
                </el-descriptions-item>
                <el-descriptions-item label="合同类型">
                    <z-text :modelValue="contract.categoryId" depend="category" size="large"/>
                </el-descriptions-item>
                <el-descriptions-item label="合同状态">
                    <z-dict readonly :modelValue="contract.status" code="contractStatus"/>
                </el-descriptions-item>
            </el-descriptions>
            <el-steps class="form-spacing" :active="contract.stage" align-center>
                <el-step title="草拟"/>
                <el-step title="审批"/>
                <el-step title="签署"/>
                <el-step title="归档"/>
                <el-step title="履行"/>
                <el-step title="完结"/>
            </el-steps>
        </template>
    </z-block>
</template>

<script>

export default {
    props: {
        params: Object,
    },
    data() {
        return {}
    },
}
</script>

<style scoped>
.form-spacing {
    margin: 20px 0;
}
</style>
